﻿
/* Basic Settings */

body {
    font-family: "Segoe UI", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    color: #ccc;
    background: #000;
}

p, ul, ol, table, pre, dl {
    margin: 0 0 10px;
}

h1, h2, h3, h4, h5, h6 {
    color: #ddd;
    margin: 15px 0 15px;
}

h1, h2, h3 {
    line-height: 1.1;
}

strong {
    color: #ddd;
    font-weight: 700;
}

a {
    color: #66aaff;
    text-decoration: none;
}

    a > h1, a > h2, a > h3, a > h4, a > h5, a > h6, a > strong {
        color: #66aaff;
    }

blockquote {
    border-left: 0.25em solid #222;
    margin: 0;
    padding: 0 0 0 20px;
}

    blockquote strong {
        color: #aaa;
    }

img {
    max-width: 100%;
}

/* Default Layout */

body {
    padding: 40px 30px 20px;
    
}

.wrapper {
    width: 860px;
    margin: 0 auto;
    
}

header {
    min-width: 240px;
    max-width: 300px;
    
    float: left;
    position: fixed;
}
    header:hover p{
        display: block;
    }
    header p {
        margin: 5px 0;
        display: none;
    }

    header blockquote p {
        margin: 20px 0 0;
    }


footer {
    min-width: 240px;
    max-width: 300px;
    float: left;
    position: fixed;
    bottom: 5px;
    font-size: x-small;
}

    footer p {
        margin: 7px 0;
    }

section {
    width: 540px;
    float: right;
}

/* 940P and Print Layout */
/* 940 = 860 (wrapper) + 30 (padding left) + 30 (padding right) + 20 (unknown) */

@media print, screen and (max-width: 940px) {
    div.wrapper {
        width: auto;
        margin: 0;
    }

    header, section, footer {
        width: 100%;
        float: none;
        position: static;
    }

    header {
        margin-bottom: 20px;
        padding: 10px;
        border-top: 1px solid #66aaff;
        border-bottom: 1px solid #66aaff;
        border-radius: 5px;
    }

    footer {
        margin-top: 20px;
        padding: 10px;
        border-top: 1px solid #66aaff;
        border-bottom: 1px solid #66aaff;
        border-radius: 5px;
    }
}

/* 480P Layout */

@media screen and (max-width: 480px) {
    body {
        padding: 10px;
    }
}

/* Print Settings */

@media print {
    body {
        padding: 0;
        font-size: 11pt;
        color: #bbb;
    }

    .markdown-body {
        font-size: 10pt;
        color: #ddd;
    }

        .markdown-body h1 {
            font-size: 20pt;
        }

        .markdown-body h2 {
            font-size: 15pt;
        }

        .markdown-body h3 {
            font-size: 12.5pt;
        }

        .markdown-body h4 {
            font-size: 11.5pt;
        }

        .markdown-body h5, .markdown-body h6 {
            font-size: 10pt;
        }

    nav {
        display: none;
    }

    footer {
        display: none;
    }

    .markdown-body pre > code {
        white-space: pre-wrap;
    }
}

/* Navigation Settings */

nav a:hover,
nav a:active {
    text-shadow: 0 0 5px orange;
}

/* TOC Settings */

.markdown-toc p {
    margin: 0 0 8px;
}

    .markdown-toc p:before {
        margin-right: 8px;
        content: "#";
    }

/* Ref and Cite */

.ref-item {
    font-weight: 600;
}

.cite-ref a {
    vertical-align: text-top;
    font-size: 11px;
}

.cite-note a {
    color: #ccc;
}

@media print {
    .cite-ref a {
        font-size: 6pt;
    }

    .cite-deref {
        display: none;
    }
}

.cite-sec + ul {
    list-style: none;
    padding-left: 2em;
}

    .cite-sec + ul :first-letter {
        margin-left: -2em;
    }

/* Slide Settings */

@media screen {
    .markdown-slide {
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16), 0px 2px 10px 0px rgba(0,0,0,0.12);
        padding: 5px;
        margin: 20px 0;
    }
}

@media print {
    .markdown-slide {
        page-break-before: always;
    }

        .markdown-slide h1 {
            font-size: 44pt;
        }

        .markdown-slide h2 {
            font-size: 40pt;
        }

        .markdown-slide h3 {
            font-size: 36pt;
        }

        .markdown-slide h4 {
            font-size: 32pt;
        }

        .markdown-slide p, .markdown-slide ul, .markdown-slide ol, .markdown-slide table, .markdown-slide pre, .markdown-slide dl {
            font-size: 28pt;
        }

        .markdown-slide blockquote {
            display: none;
        }

        .markdown-slide img {
            max-height: 170mm;
        }
}

/* Print Settings */

@media print {
    .page-break {
        page-break-after: always;
    }

    .not-print + * {
        display: none;
    }
}

@page {
    margin: 15mm 15mm;
}

/* Alignment Settings */

.float-left + * {
    float: left;
}

.float-right + * {
    float: right;
}

.align-left + * {
    text-align: left;
}

.align-right + * {
    text-align: right;
}

.align-center + * {
    text-align: center;
}
